<template>
  <div :xs="13" :sm="24" :md="20" :lg="24" >
      <el-form :inline="true" v-show="isSearchCollapse" class="query-form" ref="searchForm" :model="searchForm" @keyup.enter.native="refreshList()" @submit.native.prevent>
            <!-- 搜索框-->
          <el-form-item>
            <el-button type="primary" @click="refreshList()" size="small">查询</el-button>
            <el-button @click="resetSearch()" size="small">重置</el-button>
          </el-form-item>
      </el-form>
        <!-- 导入导出-->
      <el-form :inline="true" v-show="isImportCollapse"  class="query-form" ref="importForm">
         <el-form-item>
          <el-button type="default" @click="downloadTpl()" size="small">下载模板</el-button>
         </el-form-item>
         <el-form-item prop="loginName">
            <el-upload
              class="upload-demo"
              :action="`${this.$http.BASE_URL}/handlingcases/yjyShouji/import`"
              :on-success="uploadSuccess"
               :show-file-list="true">
              <el-button size="small" type="primary">点击上传</el-button>
              <div slot="tip" class="el-upload__tip">只允许导入“xls”或“xlsx”格式文件！</div>
            </el-upload>
        </el-form-item>
      </el-form>
      <el-row>
        <el-button v-if="hasPermission('handlingcases:yjyShouji:add')" type="primary" size="small" icon="el-icon-plus" @click="add()">新建</el-button>
        <el-button-group class="pull-right">
        </el-button-group>
      </el-row>
      <el-table
      :data="dataList"
      border
      @selection-change="selectionChangeHandle"
      @sort-change="sortChangeHandle"
      v-loading="loading"
      size="medium"
      @expand-change="detail"
      class="table"
      style="width: 100%;"
      >
      <el-table-column
        type="selection"
        header-align="center"
        align="center"
        width="50">
      </el-table-column>
      <el-table-column type="expand">
      <template slot-scope="scope">
      <el-tabs style="width: 100%;">
            <el-tab-pane label="（二）“追逐竞驶”类危险驾驶的证据收集" >
                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuelevenList"
                  style="width: 100%">
                <el-table-column
                    prop="oneId"
                    show-overflow-tooltip
                    label="1.对于现场查获驾驶机动车追逐竞驶的，应当制作《查获经过》。《查获经过》应当载明查获犯罪嫌疑人的时间、地点及查获过程，犯罪嫌疑人基本情况及机动车的车型、号牌、颜色等基本特征，现场采取呼气酒精测试、抽血、传唤、固定证据等处置情况及其他与案件有关的情况，加盖单位印章并由两名民警签字。">
                  </el-table-column>
                  </el-table>


                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuelevenList"
                  style="width: 100%">
                <el-table-column
                    prop="twoId"
                    show-overflow-tooltip
                    label="2.应及时收集视频监控录像，并依法采取录音录像、摄像等手段固定证据，同时及时对涉案车辆或附近车辆内的行车记录仪进行扣押并提取相关视频，同时收集目击者的证言。">
                  </el-table-column>
                  </el-table>


                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuelevenList"
                  style="width: 100%">
                <el-table-column
                    prop="threeId"
                    show-overflow-tooltip
                    label=" 3.通过讯问犯罪嫌疑人、询问证人、查看监控路线等查明犯罪嫌疑人行驶轨迹，并及时调取其行驶过程中的违章记录，如闯红灯照片、超速行驶记录等">
                  </el-table-column>

                </el-table>
              </el-tab-pane>
            <el-tab-pane label="（一）盗窃案件的证据收集">
                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuFiveList"
                  style="width: 100%">
                <el-table-column
                    prop="oneId"
                    show-overflow-tooltip
                    label="1.在盗窃现场抓获犯罪嫌疑人时，应及时关停被盗油井或盗窃原油的阀门，并在抓获经过中进行说明，保证计算盗窃数额的准确，从而保障犯罪嫌疑人的诉讼权利">
                  </el-table-column>
                  </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuFiveList"
                  style="width: 100%">
                <el-table-column
                    prop="twoId"
                    show-overflow-tooltip
                    label="2.公安机关抓获盗窃原油的犯罪嫌疑人，多有油田保卫人员配合，或由油田保卫人员抓获后扭送公安机关，应在抓获经过中进行载明">
                  </el-table-column>
                  </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuFiveList"
                  style="width: 100%">
                <el-table-column
                    prop="threeId"
                    show-overflow-tooltip
                    label="3.犯罪嫌疑人在抓获过程中因逃跑形成的伤情，应在抓获经过中进行载明，在第一份讯问笔录过程中，应进行讯问，有油田保卫人员参与抓捕的，应对油田保卫人员进行询问，核实犯罪嫌疑人伤情形成的原因">
                  </el-table-column>
                   </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuFiveList"
                  style="width: 100%">
                <el-table-column
                    prop="fourId"
                    show-overflow-tooltip
                    label="4.犯罪嫌疑人携带工具进行盗窃的，能够提取作案工具的，应依法对作案工具进行提取和扣押，制作提取笔录及扣押物品清单，对作案工具进行拍照固定，应在移送审查起诉时载明作案工具是否随案移送及处理情况">
                  </el-table-column>
                   </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuFiveList"
                  style="width: 100%">
                <el-table-column
                    prop="fiveId"
                    show-overflow-tooltip
                    label="5.被盗原油属于物证，但是由于物品性质特殊，在案发后由公安机关及时返还被盗单位，在归还前，应对被盗原油进行拍照，固定证据，并载明拍摄人、拍摄时间、拍摄地点以及被盗原油的性状等信息">
                  </el-table-column>
                   </el-table>


                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuFiveList"
                  style="width: 100%">
                <el-table-column
                    prop="sixId"
                    show-overflow-tooltip
                    label=" 6.公安机关较多情况下是在油井现场抓获实施盗窃行为的犯罪嫌疑人，对盗窃现场的指认应制作指认笔录，应与辨认笔录进行区别。">
                  </el-table-column>
                  </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuFiveList"
                  style="width: 100%">
                <el-table-column
                    prop="selvenId"
                    show-overflow-tooltip
                    label="7.犯罪嫌疑人使用车辆等工具运输原油的，应调取车辆信息查询单，查明车辆权属，移送审查起诉时，应在起诉意见书中载明涉案车辆的处理情况">
                  </el-table-column>
                  </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuFiveList"
                  style="width: 100%">
                <el-table-column
                    prop="eightId"
                    show-overflow-tooltip
                    label="  8.犯罪嫌疑人使用车辆装运盗窃原油的，应对车辆的载重能力进行核算，用以确认“犯罪嫌疑人是否以数额巨大为盗窃目标”。">
                  </el-table-column>
                  </el-table>

              </el-tab-pane>
            <el-tab-pane label="（四）行为人方面的证据">
                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuFourList"
                  style="width: 100%">
                <el-table-column
                    prop="oneId"
                    show-overflow-tooltip
                    label="1.行为人的精神状态和行为方式明显异于常人，或是家属提出其有精神病史或者其直系亲属有精神病史，应当对其作精神病鉴定，以确定犯罪嫌疑人是否具备刑事责任能力">
                  </el-table-column>
                   </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuFourList"
                  style="width: 100%">
                <el-table-column
                    prop="twoId"
                    show-overflow-tooltip
                    label="2.在未成年人犯罪中，当犯罪嫌疑人的供述及其亲属的证言与户籍证明证实的犯罪嫌疑人的年龄存在不一致时，应调取犯罪嫌疑人的出生证明、学籍证明、医院的分娩登记表">
                  </el-table-column>

                </el-table>
              </el-tab-pane>
            <el-tab-pane label="（三）破坏易燃易爆设备案件的证据">
                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuJkList"
                  style="width: 100%">
                <el-table-column
                    prop="oneId"
                    show-overflow-tooltip
                    label="1.在运输原油管线上使用焊接等方式安装阀门盗窃原 油的，危害公共安全的，应对运输原油管线的性质进行认定，确认管线属于在用管线、备用管线。">
                  </el-table-column>
                  </el-table>


                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuJkList"
                  style="width: 100%">
                <el-table-column
                    prop="twoId"
                    show-overflow-tooltip
                    label="2.危害公共安全的，应查明设备的易燃易爆属性，提 供有关设备性质的书证、专家鉴定意见等">
                  </el-table-column>
                  </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuJkList"
                  style="width: 100%">
                <el-table-column
                    prop="threeId"
                    show-overflow-tooltip
                    label="3.现场勘验笔录中，应载明盗栽阀门的位置，盗栽阀 门的数量以及盗栽阀门的形状等信息。">
                  </el-table-column>
                   </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuJkList"
                  style="width: 100%">
                <el-table-column
                    prop="fourId"
                    show-overflow-tooltip
                    label="4.通过栽阀等手段实施盗窃原油犯罪的，既构成盗窃 罪又构成破坏易燃易爆设备罪的，应择一罪名从重处罚，计算盗窃犯罪数额时应准确，用以确认重罪。">
                  </el-table-column>
                   </el-table>

              </el-tab-pane>
            <el-tab-pane label="（一）故意伤害行为方面的证据">
                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuOneList"
                  style="width: 100%">
                <el-table-column
                    prop="证据"
                    show-overflow-tooltip
                    label="1.应制作现场勘验检查笔录，并对作案工具等物证以及指纹、血迹、足迹等痕迹依法及时提取并送检。">
                  </el-table-column>
                    </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuOneList"
                  style="width: 100%">
                <el-table-column
                    prop="twoId"
                    show-overflow-tooltip
                    label="2.犯罪嫌疑人或者被害人等现场人员身上或是衣裤、鞋帽上有血迹等，应依法及时提取并送检">
                  </el-table-column>
                   </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuOneList"
                  style="width: 100%">
                <el-table-column
                    prop="threeId"
                    show-overflow-tooltip
                    label="3.侦查机关在讯问犯罪嫌疑人时应向其核实犯罪工具的来源，并根据犯罪嫌疑人提供的线索，寻找相关证人，并对证人进行询问，组织证人对犯罪嫌疑人和作案工具进行辨认">
                  </el-table-column>
                  </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuOneList"
                  style="width: 100%">
                <el-table-column
                    prop="fourId"
                    show-overflow-tooltip
                    label="4.侦查机关提取作案工具后，应组织犯罪嫌疑人、被害人对作案工具进行辨认，并形成辨认笔录、附有辨认照片，以增强物证与犯罪行为之间的关联性。">
                  </el-table-column>
                   </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuOneList"
                  style="width: 100%">
                <el-table-column
                    prop="fiveId"
                    show-overflow-tooltip
                    label="5.应当依法及时调取在案件发生的各个节点如预备阶段、实施阶段、逃离阶段等涉及的地点的监控录像">
                  </el-table-column>
                   </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuOneList"
                  style="width: 100%">
                <el-table-column
                    prop="sixId"
                    show-overflow-tooltip
                    label="6.全面获取能够证实案件起因、发展过程、犯罪嫌疑人案后行踪的人员的证言，特别是言词证据或者视听资料中提到的“路人”的证言应强调获取的及时性，避免无法补充。">
                  </el-table-column>
                  </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuOneList"
                  style="width: 100%">
                <el-table-column
                    prop="sevenId"
                    show-overflow-tooltip
                    label="7.对案件认定有关键性作用的目击证人或者其他重要证人，因年幼、身体原因、路途较远等因素只能提供一次证言的，应当对询问过程全程录音录像。">
                  </el-table-column>
                    </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuOneList"
                  style="width: 100%">
                <el-table-column
                    prop="remarks"
                    show-overflow-tooltip
                    label="证据填写">
                  </el-table-column>
                </el-table>
              </el-tab-pane>

            <el-tab-pane label="（二）掩饰、隐瞒犯罪所得案件的证据收集">
                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFussList"
                  style="width: 100%">
                <el-table-column
                    prop="oneId"
                    show-overflow-tooltip
                    label="1.使用车辆运输、转移原油的，应查明车辆权属，属 于犯罪嫌疑人的车辆应依法扣押，权属不明的车辆应由公安机关依法处理，并在起诉意见书中载明车辆处理情况，提供相关书证。">
                  </el-table-column>
                   </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFussList"
                  style="width: 100%">
                <el-table-column
                    prop="twoId"
                    show-overflow-tooltip
                    label="2.使用罐车等装载车辆运输、转移原油的，应查明车 辆的载重能力，车辆是否经过改装，实施车辆改装的行为人是否涉及共同犯罪。">
                  </el-table-column>
                   </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFussList"
                  style="width: 100%">
                <el-table-column
                    prop="threeeId"
                    show-overflow-tooltip
                    label="3.在囤油点等原油藏匿地、加工地抓获犯罪嫌疑人的， 应查明原油藏匿地内的原油来源，是否为犯罪嫌疑人收购、转移，是否涉及他人犯罪事实。">
                  </el-table-column>
                  </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFussList"
                  style="width: 100%">
                <el-table-column
                    prop="fourId"
                    show-overflow-tooltip
                    label="4.在运输过程中抓获犯罪嫌疑人的，应根据犯罪嫌疑 人的供述，调取运输路线的道路监控视频，证明犯罪嫌疑人运输、转移原油的路线。">
                  </el-table-column>
                   </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFussList"
                  style="width: 100%">
                <el-table-column
                    prop="fiveId"
                    show-overflow-tooltip
                    label="5.犯罪嫌疑人供述自己多次参与掩饰、隐瞒犯罪所 得犯罪的，未缴获原油实物，应调取账本、交易记录、记账凭证、称重单等客观性证据，证实犯罪嫌疑人涉嫌的犯罪数额，使用车辆运输原油的，仅有高速收费站卡口照片、卡口缴费记录的不能用以计算犯罪数额。">
                  </el-table-column>
                   </el-table>

                   <el-table
                   border
                   size="medium"
                   :data="scope.row.yjyFussList"
                   style="width: 100%">
                <el-table-column
                    prop="sixId"
                    show-overflow-tooltip
                    label="6.推定犯罪嫌疑人主观明知的，应根据犯罪嫌疑人的 认知能力、接车的时间、接车的地点等证据进行推定，公安机关应提供相应证据。">
                  </el-table-column>
                   </el-table>


                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFussList"
                  style="width: 100%">
                <el-table-column
                    prop="selvenId"
                    show-overflow-tooltip
                    label="7.车辆上有运输单或其他书证用以逃避公安机关侦 查的，公安机关应核实运输单等证据的真实性、合法性，查明是否涉及其他犯罪，如伪造公司、企业印章罪等">
                  </el-table-column>
                   </el-table>

              </el-tab-pane>
            <el-tab-pane label="（二）故意伤害结果方面的证据">
                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuTwoList"
                  style="width: 100%">
                <el-table-column
                    prop="oneId"
                    show-overflow-tooltip
                    label="1.鉴定意见应详细描述伤情及位置，分析查获的工具是否可以形成被害人身上的伤痕并附有伤情照片">
                  </el-table-column>
                   </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuTwoList"
                  style="width: 100%">
                <el-table-column
                    prop="twoId"
                    show-overflow-tooltip
                    label="2应充分听取犯罪嫌疑人、被害人对伤情鉴定的意见，犯罪嫌疑人、被害人对鉴定意见的程序或者结果提出合理异议的，应当重新鉴定">
                  </el-table-column>
                      </el-table>

              </el-tab-pane>
            <el-tab-pane label="（三）“从事校车业务”或“旅客运输”类危险驾驶的证据收集">
                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyThirteenList"
                  style="width: 100%">
                <el-table-column
                    prop="oneId"
                    show-overflow-tooltip
                    label=" 1.应调取“从事校车业务”或“旅客运输”的相关资质证明文件，并对车辆进行安全性能检测。">
                  </el-table-column>
                  </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyThirteenList"
                  style="width: 100%">
                <el-table-column
                    prop="twoId"
                    show-overflow-tooltip
                    label=" 2.调取车辆信息查询单，查明涉案车辆核定的载客数量，并对案发时该车辆承载人数进行核实。同时调取乘坐涉案车辆的人员的证言，证实案发时车辆上承载的人数及行驶路线。">
                  </el-table-column>
                   </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyThirteenList"
                  style="width: 100%">
                <el-table-column
                    prop="threeId"
                    show-overflow-tooltip
                    label=" 3.调取行驶路段的监控录像及车速检测情况，并及时调取目击者的证言。">
                  </el-table-column>
                    </el-table>
              </el-tab-pane>
            <el-tab-pane label="（三）故意伤害行为与结果间存在因果关系的证据">
                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuThreeList"
                  style="width: 100%">
                <el-table-column
                    prop="oneId"
                    show-overflow-tooltip
                    label="1..侦查机关在到达案发现场后应第一时间对被害人的受伤情况进行拍照固定。被害人有到医院就医、救治的情况，需要提供医院负责救治的医生证言、医疗治疗记录及病例，排除不当治疗、医疗事故或者其他因素对伤害行为与伤害结果之间因果关系的影响。">
                  </el-table-column>
                  </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyFuThreeList"
                  style="width: 100%">
                <el-table-column
                    prop="twoId"
                    show-overflow-tooltip
                    label="2.伤害行为较为轻微，但造成了被害人较为严重的后果，需要调查被害人既往病史，以确定是否存在特殊体质或者有陈旧伤等影响伤害行为与伤害结果之间因果关系的因素">
                  </el-table-column>
                   </el-table>
              </el-tab-pane>
            <el-tab-pane label="（四）违反危险化学品安全管理规定运输危险化学品类危险驾驶的证据收集">
                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyLastList"
                  style="width: 100%">
                <el-table-column
                    prop="oneId"
                    show-overflow-tooltip
                    label="1.运输危险化学品类案件，应调取所运输的危险化学品相关安全管理规定，并查明所载危险化学品的种类、重量、危险程度等相关材料。">
                  </el-table-column>
                  </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyLastList"
                  style="width: 100%">
                <el-table-column
                    prop="twoId"
                    show-overflow-tooltip
                    label="2.就化学危险品装车的地点、行驶路线，何人安排等，调取相关的书证，如出库单，证人证言、视频监控。">
                  </el-table-column>
                    </el-table>

              </el-tab-pane>
            <el-tab-pane label="（一）“醉酒驾驶”类危险驾驶的证据收集">
                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyRecoverList"
                  style="width: 100%">
                <el-table-column
                    prop="oneId"
                    show-overflow-tooltip
                    label="1.对酒驾类案件处理过程中，侦查机关应使用执法记录仪等设备对案件办理过程进行录音、录像取证，以便对酒驾人员的醉酒状态、呼吸酒精检测过程及采血、送检过程等加以证">
                  </el-table-column>
                   </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyRecoverList"
                  style="width: 100%">
                <el-table-column
                    prop="twoId"
                    show-overflow-tooltip
                    label=" 2.及时调取证人证言。通过询问当事人、知情人，查明犯罪嫌疑人饮酒时间、地点、人员、品种、数量等，获取犯罪嫌疑人是否饮酒的事实证明，注意收集酒瓶、进餐点菜单等物证书证。">
                  </el-table-column>
                   </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyRecoverList"
                  style="width: 100%">
                <el-table-column
                    prop="threeId"
                    show-overflow-tooltip
                    label="3.对查获经过、呼吸酒精含量检验和抽取血样过程应当制作记录，有条件的，应当拍照、录音或者录像，有证人的，应当收集证人证言，抽血时要注意不能用含酒精的药品来消毒。">
                  </el-table-column>
                    </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyRecoverList"
                  style="width: 100%">
                <el-table-column
                    prop="fourId"
                    show-overflow-tooltip
                    label="4.对涉嫌醉酒驾驶机动车犯罪有现场勘查条件的，要及时进行现场勘查，制作勘查笔录，拍摄现场照片，并对涉案车辆、遗留物品等有关物证予以扣押。">
                  </el-table-column>
                   </el-table>

                   <el-table
                   border
                   size="medium"
                   :data="scope.row.yjyRecoverList"
                   style="width: 100%">
                <el-table-column
                    prop="fiveId"
                    show-overflow-tooltip
                    label="5.侦查机关对需扣押的有关物证应制作扣押手续。如实填写品名、数量、特征，并妥善保管，不得损坏、遗失或调换。对涉案车辆要依法扣押并照相固定证据，查明所驾驶的车辆是否为《道路交通安全法》所规定的机动车范畴，对能证明是机动车的行车证、合格证等物证、书证要及时收集；对无牌无证等电动车、助力车要出具机动车检测报告。">
                  </el-table-column>
                   </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyRecoverList"
                  style="width: 100%">
                <el-table-column
                    prop="sixId"
                    show-overflow-tooltip
                    label=" 6.交警现场查获涉嫌醉酒驾驶，应当制作《查获经过》。《查获经过》应当载明查获犯罪嫌疑人的时间、地点及查获过程，犯罪嫌疑人基本情况及机动车的车型、号牌、颜色等基本特征，现场采取呼气酒精测试、抽血、传唤、固定证据等处置情况及其他">
                  </el-table-column>
                   </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyRecoverList"
                  style="width: 100%">
                <el-table-column
                    prop="selvenId"
                    show-overflow-tooltip
                    label="7.犯罪嫌疑人要及时进行血液酒精含量检测，并将检验鉴定结果告知犯罪嫌疑人，犯罪嫌疑人对结论不服的，可申请重新鉴定。">
                  </el-table-column>
                    </el-table>

                  <el-table
                  border
                  size="medium"
                  :data="scope.row.yjyRecoverList"
                  style="width: 100%">
                <el-table-column
                    prop="eightId"
                    show-overflow-tooltip
                    label="8.应调取犯罪嫌疑人的驾驶资格情况、车辆所有人、车辆安全性能情况等证明材料。">
                  </el-table-column>
                   </el-table>

              </el-tab-pane>
            </el-tabs>
      </template>
      </el-table-column>
   <el-table-column
        prop="remarks"
        show-overflow-tooltip
        sortable="custom"
        label="案例列表">
      </el-table-column>
      <el-table-column
        header-align="center"
        align="center"
        width="100"
        label="操作">
        <template  slot-scope="scope">
          <el-button v-if="hasPermission('handlingcases:yjyShouji:view')" type="text" icon="el-icon-view" size="small" @click="view(scope.row.id)"></el-button>
          <el-button v-if="hasPermission('handlingcases:yjyShouji:edit')" type="text" icon="el-icon-edit" size="small" @click="edit(scope.row.id)"></el-button>
          <el-button v-if="hasPermission('handlingcases:yjyShouji:del')" type="text"  icon="el-icon-delete" size="small" @click="del(scope.row.id)"></el-button>
        </template>
      </el-table-column>
    </el-table>
    <!-- <el-pagination
      @size-change="sizeChangeHandle"
      @current-change="currentChangeHandle"
      :current-page="pageNo"
      :page-sizes="[10, 20, 50, 100]"
      :page-size="pageSize"
      :total="total"
      background
      layout="total, sizes, prev, pager, next, jumper">
    </el-pagination> -->
        <!-- 弹窗, 新增 / 修改 -->
    <YjyShoujiForm  ref="yjyShoujiForm" @refreshDataList="refreshList"></YjyShoujiForm>
  </div>
</template>

<script>
  import YjyShoujiForm from './YjyShoujiForm'
  export default {
    data () {
      return {
        searchForm: {
        },
        dataList: [],
        pageNo: 1,
        pageSize: 10,
        total: 0,
        orderBy: '',
        dataListSelections: [],
        isSearchCollapse: false,
        isImportCollapse: false,
        loading: false
      }
    },
    components: {
      YjyShoujiForm
    },
    activated () {
      this.refreshList()
    },

    methods: {
      // 获取数据列表
      refreshList () {
        this.loading = true
        this.$http({
          url: '/handlingcases/yjyShouji/list',
          method: 'get',
          params: {
            'pageNo': this.pageNo,
            'pageSize': this.pageSize,
            'orderBy': this.orderBy,
            ...this.searchForm
          }
        }).then(({data}) => {
          if (data && data.success) {
            this.dataList = data.page.list
            this.total = data.page.count
            this.loading = false
          }
        })
      },
      // 每页数
      sizeChangeHandle (val) {
        this.pageSize = val
        this.pageNo = 1
        this.refreshList()
      },
      // 当前页
      currentChangeHandle (val) {
        this.pageNo = val
        this.refreshList()
      },
      // 多选
      selectionChangeHandle (val) {
        this.dataListSelections = val
      },

    // 排序
      sortChangeHandle (obj) {
        if (obj.order === 'ascending') {
          this.orderBy = obj.prop + ' asc'
        } else if (obj.order === 'descending') {
          this.orderBy = obj.prop + ' desc'
        } else {
          this.orderBy = ''
        }
        this.refreshList()
      },
      // 新增
      add () {
        this.$refs.yjyShoujiForm.init('add', '')
      },
      // 修改
      edit (id) {
        id = id || this.dataListSelections.map(item => {
          return item.id
        })[0]
        this.$refs.yjyShoujiForm.init('edit', id)
      },
      // 查看
      view (id) {
        this.$refs.yjyShoujiForm.init('view', id)
      },
      // 删除
      del (id) {
        let ids = id || this.dataListSelections.map(item => {
          return item.id
        }).join(',')
        this.$confirm(`确定删除所选项吗?`, '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.loading = true
          this.$http({
            url: '/handlingcases/yjyShouji/delete',
            method: 'delete',
            params: {'ids': ids}
          }).then(({data}) => {
            if (data && data.success) {
              this.$message.success(data.msg)
              this.refreshList()
            }
            this.loading = false
          })
        })
      },
     // 查看详情
      detail (row) {
        this.$http.get(`/handlingcases/yjyShouji/queryById?id=${row.id}`).then(({data}) => {
          this.dataList.forEach((item, index) => {
            if (item.id === row.id) {
              item.yjyFuelevenList = data.yjyShouji.yjyFuelevenList
              item.yjyFuFiveList = data.yjyShouji.yjyFuFiveList
              item.yjyFuFourList = data.yjyShouji.yjyFuFourList
              item.yjyFuJkList = data.yjyShouji.yjyFuJkList
              item.yjyFuOneList = data.yjyShouji.yjyFuOneList
              item.yjyFussList = data.yjyShouji.yjyFussList
              item.yjyFuTwoList = data.yjyShouji.yjyFuTwoList
              item.yjyThirteenList = data.yjyShouji.yjyThirteenList
              item.yjyFuThreeList = data.yjyShouji.yjyFuThreeList
              item.yjyLastList = data.yjyShouji.yjyLastList
              item.yjyRecoverList = data.yjyShouji.yjyRecoverList
            }
          })
        })
      },
      // 导入成功
      uploadSuccess (res, file) {
        if (res.success) {
          this.$message.success({dangerouslyUseHTMLString: true,
            message: res.msg})
        } else {
          this.$message.error(res.msg)
        }
      },
      // 下载模板
      downloadTpl () {
        this.$utils.download('/handlingcases/yjyShouji/import/template')
      },
      exportExcel () {
        this.$utils.download('/handlingcases/yjyShouji/export')
      },
      resetSearch () {
        this.$refs.searchForm.resetFields()
        this.refreshList()
      }
    }
  }
</script>
